page{
	background-color: #edcec8;
}

.user_info_wrap{
	height: 45vh;
	overflow: hidden;
	background-color: var(--themeColor);
	.user_img_wrap{
		// position: relative;
		.user_background{
			height: 50vh;
			filter: blur(10rpx);
		}
		.user_info{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			top: 30%;
			text-align: center;
			.user_icon{
				width: 150rpx;
				height: 150rpx;
				border-radius: 50%;
			}
			.user_name{
				margin-top: 60rpx;
				color: #FFFFFF;
				font-size: 40rpx;
			}
		}
	}
	.user_btn_wrap{
		width: 60%;
		margin: 100rpx auto;
		background-color: #FFFFFF;
	}
}

.user_content{
	.user_content_wrap{
		margin: 0 auto;
		width: 90%;
		.user_collection{
			display: flex;
			navigator{
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				margin: 10rpx 0;
				.collection_num{
					color: var(--themeColor);
					margin-bottom: 10rpx;
				}
				.collection_name{}
			}
		}
		.user_order{
			margin: 20rpx;
			font-size: 32rpx;
			padding-bottom: 30rpx;
			border-bottom: 1rpx solid #666666;
		}
		.user_orderDetails{
			display: flex;
			navigator{
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				.iconfont{
					color: var(--themeColor);
					margin: 10rpx 0;
				}
				.user_orderDetails_name{}
			}
		}
		.user_address{
			margin: 30rpx;
			font-size: 32rpx;
		}
		.user_contact{
			margin: 30rpx;
			font-size: 32rpx;
			display: flex;
			.user_contact_name{
				flex: 2;
			}
			.user_contact_number{
				flex: 1;
			}
		}
		.user_opinion{
			margin: 30rpx;
			font-size: 32rpx;
		}
		.user_about{
			margin: 30rpx;
			font-size: 32rpx;
		}
		.user_recommed{
			margin: 30rpx;
			font-size: 32rpx;
		}
	}
}
